<template>
  <div class="learn">
    <van-nav-bar title="已购课程"></van-nav-bar>
    <course-list :call-back="callBack"></course-list>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import layoutFooter from '@/components/layoutfooter'
import courseList from '@/components/list'
import { getPurCourseList } from '@/services/course'

export default {
  name: 'Learn',
  methods: {
    callBack () {
      return getPurCourseList()
    }
  },
  components: {
    layoutFooter,
    courseList
  }
}
</script>

<style lang="scss" scoped>
.course-list {
  top: 50px;
  bottom: 50px;
}

</style>
